	// class Login{
	// 	constructor() {
	// 	    this.name=document.querySelector("#userName");
	// 		this.pwd=document.qu
	// 	}
	// }
	
	
	
		
	// 	//点击其他地点
	// 	document.onclick=function(){
	// 		//点击空白消失ul
	// 		console.log(1);
	// 		oUl.style.display="none";ztm=0;
	// 		//点击清除span里面的提示内容；
	// 		if(!flag){
	// 			for(let i=0;i<aSpan.length;i++){
	// 				aSpan[i].innerHTML="";
	// 			}
	// 		}
	// 	}
	
		
		
	// 	//阻止冒泡的封装函数！
	// 	 function stopBubble(e){
	// 	        if(e.stopPropagation){
	// 	            e.stopPropagation();
	// 	        }else{
	// 	            e.cancelBubble = true;
	// 	        }
	// 	    }
			
			
	// 	 // 需要有一个范围随机数的功能
	// 		    function random(a,b){
	// 		        return Math.round(Math.random()*(a-b)+b);
	// 		    }


//姓名判断

let f1,f2,f3,f4,f5;
$(document).click();
//利用jQuery中on事件的批量处理事件的方式
$('#nameTxt').on({
	click:function(){
	 $(this).parent().next().removeClass('active').html('最高16位');
	},
    input:function(){
		$(this).parent().next().html('');
	},
	blur:function(){
		let namReg=/^([\u4e00-\u9fa5]{2,4})|([A-Za-z0-9_]{4,16})|([a-zA-Z0-9_\u4e00-\u9fa5]{3,16})$/;
		$(this).parent().next().html('');
		//验证用户名有没有重复！
		let flag=false;
		let url='http://localhost/lidu_project/php/login/select.php'
	     ajaxPromise({
			 url:url,
		 }).then(function(res){
			 console.log(JSON.parse(res));
			 //将数据JSON格式转化为数组格式
		     let arr=JSON.parse(res);
			 
			 //for循环二维数组！遍历比对用户名数据，只要有一个数据相同立马flag=true；
			 for(var i=0;i<arr.length;i++){
				 if(arr[i][1]===$('#nameTxt').val()){
					 flag=true;break;
				 }else{
					 flag=false;
				 }
			 }
			 //当flag=true时，提示用户此用户名重复了！
			 if(flag){
				 $('#nameTxt').parent().next().addClass('active').html('用户名重复!');
			 }
			 
	  })
	
		
		if(!(namReg.test(this.value))){
		 f1=1;//有错误的标记
		 $(this).parent().next().addClass('active').html('输入有误');
		}else{
			f1=0;
		}
	}
});




//密码判断
$('#pwdTxt').on({
	click:function(){
		$(this).parent().next().removeClass('active').html('数字、字母、字符至少包含两种,8~16位').css("textIndent",50);
	},
	input:function(){
		$(this).parent().next().html('');
	},
	blur:function(){
		let pwdReg=/((?=.*\d)(?=.*\D)|(?=.*[a-zA-Z])(?=.*[^a-zA-Z]))^.{8,16}$/;
		$(this).parent().next().html('');
		if(!(pwdReg.test(this.value))){
			f2=1;//有错误的标记
		 $(this).parent().next().addClass('active').html('输入有误').css("textIndent",130);
		}else{
			f2=0;
		}
	}
});


//确定密码
$('#apwdTxt').on('blur',function(){
	$(this).parent().next().html('');
	if($(this).val()!=$('#pwdTxt').val()){
		f3=1;//有错误的标记
		$(this).parent().next().addClass('active').html('两次输入密码不同').css("textIndent",130);
	}else{
		f3=0;
	}
}	
)


//确定手机号码
$('#telTxt').blur(function(){
	$(this).parent().next().html('');
	let telReg=/^((\(\d{2,3}\))|(\d{3}\-))?1[3,8,5]{1}\d{9}$/;
	if(!(telReg.test(this.value))){
		f4=1;//有错误的标记
	 $(this).parent().next().addClass('active').html('输入有误').css("textIndent",130);
	}else{
		f4=0;
	}
});





//用原生JS写随机二维码！因为以前由写过！所以现在直接拿来用了！
      let aB=document.querySelectorAll('i');
		let str="";
		aB[0].innerHTML=yZm();
		aB[1].innerHTML=yZm();
		aB[2].innerHTML=yZm();
		aB[3].innerHTML=yZm();
		for(let i=0;i<aB.length;i++){
			aB[i].style.color='rgb('+random(0,255)+','+random(0,255)+','+random(0,255)+')';
			
		}
		str=""+aB[0].innerText+aB[1].innerText+aB[2].innerText+aB[3].innerText;
		$('b')[0].onclick=function(){
			    aB[0].innerHTML=yZm();
				aB[1].innerHTML=yZm();
				aB[2].innerHTML=yZm();
				aB[3].innerHTML=yZm();
			for(let i=0;i<aB.length;i++){
				aB[i].style.color='rgb('+random(0,255)+','+random(0,255)+','+random(0,255)+')';
				//str=str+(aB[i].innerText);
			}
			str=""+aB[0].innerText+aB[1].innerText+aB[2].innerText+aB[3].innerText;
			console.log(str);
		}	
			function yZm(){
				let pp="";
				switch(random(0,2)){
					case 0:pp=String.fromCharCode(random(97,122));break;
					case 1:pp=String.fromCharCode(random(65,90));break;
					case 2:pp=random(0,9);break;
					}
					return pp;
				}

//确定二维码
$('#verTxt').blur(function(){
	$(this).parent().next().html('');
	
	if($(this).val()!=str){
		 $('b').trigger('click');
		 f5=1;
		 $(this).parent().next().addClass('active').html('输入有误').css("textIndent",110);
	}else{
		f5=0;
	}
});



//点击确定
var sum=0;
$('#submit').click(function(){
 sum=f1+f2+f3+f4+f5;
 if(sum==0){
	 $('#suc').css("display","block");
	 let url='http://localhost/lidu_project/php/login/insert.php'
      ajaxPromise({
		 url:url,
		 method:'post',
		 data:{
			 userName:$('#nameTxt').val(),
			 sex:'男',
			 pwd:$('#pwdTxt').val(),
			 tel:$('#telTxt').val()
		 }
	 }).then(function(res){console.log(res);})
	
 }
 
 //一旦有错或者有个位置没填数字，提交的时候就会在对应的位置报错！
 if(f1==1||$('#nameTxt').val()==""){
	  $('#nameTxt').parent().next().html('输入有误').css("textIndent",130);
 }
 
 if(f2==1|| $('#pwdTxt').val()==""){
 	  $('#pwdTxt').parent().next().html('输入有误').css("textIndent",130);
 }
 
 if(f3==1||$('#apwdTxt').val()==""){
 	  $('#apwdTxt').parent().next().html('输入有误').css("textIndent",130);
 }
 
 if(f4==1|| $('#telTxt').val()==""){
 	  $('#telTxt').parent().next().html('输入有误').css("textIndent",130);
 }
	
if(f5==1||$('#verTxt').val()==""){
		  $('#verTxt').parent().next().html('输入有误').css("textIndent",110);
	}
});



//点击取消(也就是清空)
$('#reset').click(function(){
	location.reload();
});


//点击❌退出注册界面放回登录界面
$('#exit').click(()=>{
   window.location.href=`http://localhost/lidu_project/htmls/landing/landing.html`;
});



//点击跳出页面的确定放回登录页面
$('#success').click(function(){
	$('#suc').css("display","none");
	window.location.href=`http://localhost/lidu_project/htmls/landing/landing.html`;
})

// 需要有一个范围随机数的功能
      function random(a,b){
	     return Math.round(Math.random()*(a-b)+b);
	  }
